<template>
    <input 
    :value="modelValue"
    @input="handleInput"
    />
</template>
<script setup>
import {defineProps,defineEmits} from 'vue';
const props = defineProps(['modelValue']);
const emit = defineEmits(['update:modelValue']);
//在模板中是可以直接使用属性对象上的属性的
console.log('props',props)
const handleInput = ($event)=>{
    emit('update:modelValue',$event.target.value);
}
</script>